<ion-header>
  <ion-navbar>
    <ion-title class="my">我的板块管理</ion-title>
    <ion-icon name="md-add" class="reorder-opt" (click)="addTab()"></ion-icon>
  </ion-navbar>
</ion-header>
<ion-content class="card-reorder-wrap tab-manage">
  <ion-list>
    <ion-item-group [reorder]="canReorder" (ionItemReorder)="reorderItems($event)">
      <ion-item class="cs-platform" *ngFor="let tab of tabs" >
        <ion-icon name="icon-icon-test2"></ion-icon>
        <div class="platform-name">{{tab.name}}</div>
        <div *ngIf="!tab.lock" class="platform-botton btn-delete" (click)="rmTab(tab)">删除</div>
        <div *ngIf="!tab.lock" [class]="'platform-botton btn- ' + (tab.isAvailable ? 'btn-delete' : 'btn-add')" (click)="saveTabs(tab)">
          <div>{{tab.isAvailable ? "隐藏" : "显示"}}</div>
        </div>
      </ion-item>
    </ion-item-group>
  </ion-list>
</ion-content>